<template>
  <div class="searchProject">

    <scroller lock-x height="-0px" :use-pullup='use_pullup' :pullup-config="pullup_con"
              @on-pullup-loading="onScrollBottom" ref="scroller" :scroll-bottom-offst="200">
      <div class="home-tab">
       <img src="http://tsw-qqc.oss-cn-hangzhou.aliyuncs.com/99/66.jpg" width="100%;"/>
        <p style="text-indent: 2em;text-align: left;border:dashed 2px #00a0f5;margin-bottom: 10px;font-size: 14px;">2018年“99公益日”活动将在9月7、8、9日三天举行。今年，腾讯公益出资2.9999亿元为大家的爱心捐款进行配捐，配捐采用随机。浙江省青少年发展基金会联合多家社会组织共同发起多个公益项目来帮助困难群体，促进社会和谐。我们期待您的参与!</p>
        <div v-for="(eventListJqs, index) in eventListQB">
          <flexbox>
            <flexbox-item :span="6" @click="goProject(eventListJqs.link)">
              <div class="flex-demo" @click="goProject(eventListJqs.link)">
                <img :src="eventListJqs.url"/>
              </div>
              <div class="flex-demo" @click="goProject(eventListJqs.link)">
                <p><span v-html="eventListJqs.name"></span></p>
                <p>
                  <em class="lable">{{eventListJqs.dw}}</em>
                </p>
                <div class="project-foot">
                <span class="project-foot-left">目标<span
                  class="content-red">{{eventListJqs.num}}</span>元</span>
                </div>
              </div>
            </flexbox-item>
            <flexbox-item :span="6">
              <div class="flex-demo" @click="goProject(eventListQB1[eventListJqs.id].link)">
                <img :src="eventListQB1[eventListJqs.id].url"/>
              </div>
              <div class="flex-demo" @click="goProject(eventListQB1[eventListJqs.id].link)">
                <p><span v-html="eventListQB1[eventListJqs.id].name"></span></p>
                <p>
                  <em class="lable">{{eventListQB1[eventListJqs.id].dw}}</em>
                </p>
                <div class="project-foot">
                <span class="project-foot-left">目标<span
                  class="content-red">{{eventListQB1[eventListJqs.id].num}}</span>元</span>
                </div>
              </div>
            </flexbox-item>
          </flexbox>
        </div>
        <button style="background-color: #1AAC19;width: 100%;color: #ffffff;height: 44px;border-radius:5px;margin-bottom: 10px;font-size: 17px;" @click="goHello">返回亲青筹首页</button>
        <div style="text-indent: 2em;text-align: left;border:dashed 2px #00a0f5;font-size: 14px;">
          浙江省青少年发展基金会是由共青团浙江省委主管，在浙江省民政厅登记注册，具有独立法人地位的5A级省级公募基金会。自1991年实施希望工程等青少年公益项目以来，在社会各界的热心参与下，已累计资助了家庭经济困难学生50.39万人次，援建希望小学584所、希望幼儿园23所，捐建希望书库、梦想操场、希望厨房等配套设施1765个，获得了“全国先进社会组织”（两次）、“浙江慈善奖”（连续四届）、“全国希望工程影响力奖”等荣誉。
        </div>
        <br/><br/><br/><br/><br/><br/>
      </div>
    </scroller>
  </div>
</template>

<script src="./99project.js"></script>
